/* to simplify readability of the component.ts */
::ng-deep .marker-cluster {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #4f615a;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: 2px solid #56c498;
  cursor: pointer;
}

.marker {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #7d7d7d;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #c9c9c9;
}
